
.header {
  position: fixed;
  top: 0;
  // width: 100vw;
  width: calc(100vw - 5.2vw);
  // width: 100%;
  height: 10vw;
  background: linear-gradient(
    180deg,
    rgba(13, 179, 227, 1),
    rgba(1, 135, 222, 1)
  );
  background: -webkit-linear-gradient(
    180deg,
    rgba(13, 179, 227, 1),
    rgba(1, 135, 222, 1)
  ); /* Safari 5.1 to 6.0 */
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.7vw 2.6vw;
  // position: relative;
  .img1 {
    height: 100%;
    width: auto;
  }
  div{
    height: 50%;
    .img2 {
      height: 100%;
      width: auto;
    }
    .menu {
      display: none;
      list-style: none;
      position: absolute;
      top: 100%;
      left: 0;
      width: 100%;
      overflow: hidden;
      a {
        display: block;
        background: rgba(51,51,51,0.85);
        text-decoration: none;
        text-align: center;
        padding: 5vw;
        color: white;
        &:hover {
          background: #0db3e3;
          transition: background 0.3s ease;
        }
      }
    }
    
  }
  
}
.banner {
  background: url("../img/banner.png") no-repeat;
  background-size: 100% 100%;
  width: 100vw;
  height: 39vw;
  margin-top: 10vw;
  div {
    padding: 26vw 0 0 2.6vw;
    text-align: left;
    button {
      width: 18vw;
      height: 5vw;
      border: none;
      margin-right: 3.2vw;
    }
    .btn1 {
      background: url("../img/pc.png") no-repeat;
      background-size: 100% 100%;
    }
    .btn2 {
      background: url("../img/anz.png") no-repeat;
      background-size: 100% 100%;
    }
    .btn3 {
      background: url("../img/ios.png") no-repeat;
      background-size: 100% 100%;
    }
    .btn4 {
      background: url("../img/pc_btn.png") no-repeat;
      background-size: 100% 100%;
    }
  }
}
.center,
.serve,
.news {
  padding: 6vw 2.6vw 0;
  .center-title,
  .news-title,
  .serve-title {
    padding: 0 21vw 6vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 18px;
    span {
      width: 9vw;
      border: 0.5px solid #333333;
    }
  }
  img {
    width: 100%;
    height: auto;
  }
}
.why {
  width: 100vw;
  margin: 5vw 0 0;
  img {
    width: 100%;
    height: auto;
  }
}
.news-new,
.recommend-new {
  .news-new-title,
  .recommend-new-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 2vw;
    border-bottom: 1px solid #e0e0e0;
    img {
      width: 4vw;
    }
  }
  .news-new-content,
  .recommend-new-content {
    padding-top: 2.4vw;
    .item {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 2.6vw;
      font-size: 14px;
      color: #666666;
      img {
        width: 0.7vw;
        height: 0.7vw;
      }
      p {
        width: 62vw;
        // font-size: 14px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
    }
  }
}
.recommend-new {
  padding-top: 6vw;
}
// 页脚
.footer {
  padding:9.2vw 0;
  background: #D9D9D9;
  p{
    text-align: center;
    font-size: 12px;
    color: #333333;
  }
  // div{
    // margin: 0 auto;
    // ul{
    //   text-align: center;
    //   li{
    //     a{
    //       text-decoration: none;
    //       color: #333333;
    //     }
    //     font-size: 12px;
    //     display: inline-block;
    //   }
    // }
  // }
}